*{
    margin: 0;
    padding: 0;
}
body{
    font: 14px/2 'Microsoft YaHei', 'Arial';
}
li{
    list-style: none;
}
li img{
    display: block;
    margin: 0 auto;
}
#wrap{
    width:100%;
    min-width:300px;
    background: #fff;
}
.hiSlider{
    overflow: hidden;
    height:720px;
    width:500px;
    background: #fff;
}
.hiSlider-item{
    float: left;
}
.hiSlider-item img{
    width:100%;
    height:100%;
}
.hiSlider-pages,
.hiSlider-title{
    position: absolute;
    z-index: 3;
}
.hiSlider-btn-prev,
.hiSlider-btn-next{
    position: absolute;
    z-index: 5;
    top: 50%;
    height: 30px;
    width: 30px;
    background:  url(../images/hislider-arrow.png) no-repeat;
    margin-top: -15px;
    text-indent: -200px;
    overflow: hidden;
    opacity: .6;
    filter:alpha(opacity:60);
}
.hiSlider-btn-prev{
    left: 10px;
}
.hiSlider-btn-next{
    right: 10px;
    background-position: -30px 0;
}
.hiSlider-btn-prev:hover,
.hiSlider-btn-next:hover{
    opacity: 1;
    filter:alpha(opacity:100);
}
.hiSlider-pages{
    bottom:30px;
    left:50%;
    transform: translate(-50%,0);
    text-align:right;
}
.hiSlider-pages a{
    height: 22px;
    width: 22px;
    margin: 0 6px;
    display: inline-block;
    overflow: hidden;
    text-indent: -100px;
    font-size: 0;
    border:2px solid #0074FF;
    border-radius:50%;
    background: #ddd;
}
.hiSlider-pages a.active{
    background: #0074FF;
}